.middle-wrapper-weather {
  width: 100%;
  height: 12%;
  display: flex;
  align-items: center;
}

.middle-wrapper-weather-list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;

  &__day {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 14%;
    aspect-ratio: 1.2/1;
    background: url("/static/img/slope/backgrounWeather.webp") center no-repeat;
    background-size: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #C1EEFF;
    line-height: 21px;

    p {
      font-size: 14px;
    }

    b {
      color: #66D4D0;
      font-weight: 400;
      font-size: 20px;
      margin: 0.3vh 0;
    }
  }
}

.data-from{
  width: 50%;
  aspect-ratio: 1/1;
  margin:  5% 0 0 25%;
}
